<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>AUI快速完成布局</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="circle_style.css"/>
</head>
<body style="border-radius: 5px; border: solid 1px white;">
<div>
    <div class="ccdiv" >
        <div class="circleItem">
            <span class="aui-iconfont aui-icon-calendar item"></span>
        </div>
        <div style="float: left; margin-left: 19px; font: bold;">问答</div>
    </div>

    <div class="ccdiv" >
        <div class="circleItem">
            <span class="aui-iconfont aui-icon-calendar item"></span>
        </div>
        <div style="float: left; margin-left: 19px; font: bold;">攻略</div>
    </div>

    <div class="ccdiv" >
    <div class="circleItem">
        <span class="aui-iconfont aui-icon-calendar item"></span>
    </div>
        <div style="float: left; margin-left: 19px; font: bold;">资源</div>
    </div>

    <div class="ccdiv" >
    <div class="circleItem">
        <span class="aui-iconfont aui-icon-calendar item"></span>
    </div>
        <div style="float: left; margin-left: 19px; font: bold;">榜单</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../script/api.js" ></script>
<script type="text/javascript">
</script>
</html>